Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

troika-3d

Package Overview
Dependencies
Maintainers
1
Versions
55
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

troika-3d

Troika 3D

  • 0.38.1
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
405
decreased by-7.74%
Maintainers
1
Weekly downloads
 
Created
Source

Troika 3D

This package provides the ability to create interactive 3D scenes with Troika's declarative framework. It uses Three.js as its underlying WebGL renderer, giving you access to Three's full set of tools and its excellent community.

It does very little to abstract away from Three's API, and you will need to know the Three.js object model well to use it. But through its primary facade class, Object3DFacade, it gives you a straightforward way to:

  • componentize your 3D objects
  • manage them all together declaratively
  • apply automatic transitions and animations
  • make them interactive with pointer events
  • optimize for the best frame rate

See the Troika Core package for details about the primary concepts and features provided by the Troika framework.

Installation

Get it from NPM:

npm install troika-3d

You will also need to install a compatible version of Three.js, which is declared as a peer dependency rather than a direct dependency to give you flexibility in choosing a specific version for your application.

npm install three

You can look in the package.json of troika-three-utils under "peerDependencies" for a range of Three.js versions that has been verified to work with Troika's 3D packages. Other versions that have not been specifically tested may also work depending on the features you use.

Usage

TODO:

  • Canvas3D
  • lights, camera, objects, ...
  • Object3DFacade
    • lifetimes and cleanup
    • events
  • Group3DFacade
  • Html overlays
  • Instanceable

Other Troika 3D Packages

Some of Troika's more advanced 3D tools have been put in separate packages to keep this one as lean as possible. Those include:

  • Troika 3D Text: high quality antialiased text rendering in WebGL, including a standalone version for using with Three.js outside of Troika
  • Troika 3D UI: flexbox layout and 2D panel rendering for interactive user interfaces in 3D scenes
  • Three.js Utils: a collection of utilities for working with Three.js, such as shader manipulation

FAQs

Package last updated on 03 Feb 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc